<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>书法篆刻</title>

<!-- Favicons
    ================================================== -->

<link rel="shortcut icon" href="img/favicon_jianli.ico" type="image/x-icon">


<!-- Bootstrap -->
<link rel="stylesheet" type="text/css"  href="../css/bootstrap.css">
<link rel="stylesheet" type="text/css" href="../fonts/font-awesome/css/font-awesome.css">

<!-- Slider
    ================================================== -->
<link href="../css/owl.carousel.css" rel="stylesheet" media="screen">
<link href="../css/owl.theme.css" rel="stylesheet" media="screen">

<!-- Stylesheet
    ================================================== -->
<link rel="stylesheet" type="text/css"  href="../css/style.css">
<link rel="stylesheet" type="text/css" href="../css/prettyPhoto.css">

<link rel="stylesheet" type="text/css" href="../fonts/sns_fonts/iconfont.css">

<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->
</head>

<body>
<div id="works">
  <div class="container"> <!-- Container -->
    <div class="section-title text-center center">
      <h2>书法 <strong>篆刻</strong></h2>
      <hr>
      <div class="clearfix"></div>
      <p>书法主要学王羲之圣教序，米芾，篆刻学汉凿印。</p>
    </div>
    <div class="categories">
      <ul class="cat">
      
      </ul>
      <div class="clearfix"></div>
    </div>
    <div class="row">
      <div class="portfolio-items">
	  
        <div class="col-sm-6 col-md-3 col-lg-3 web branding">
          <div class="portfolio-item">
            <div class="hover-bg">
              <div class="hover-text">
                <h4><a href='#' target='_blank' title="《绝句漫兴九首（其一）》">《绝句漫兴九首（其一）》</a></h4>
                <div class="clearfix"></div>
                <i class="fa fa-search"></i> </div>
              <img src="../img/portfolio/001.jpg" class="img-responsive" alt="《绝句漫兴九首（其一）》"></div>
          </div>
        </div>
		
        <div class="col-sm-6 col-md-3 col-lg-3 web branding">
          <div class="portfolio-item">
            <div class="hover-bg">
              <div class="hover-text">
                <h4><a href="#" target='_blank' title="《戏为六绝句（其六）》">《戏为六绝句（其六）》</a></h4>
                <div class="clearfix"></div>
                <i class="fa fa-search"></i> </div>
              <img src="../img/portfolio/002.jpg" class="img-responsive" alt="《戏为六绝句（其六）》"></div>
          </div>
        </div>
		
        <div class="col-sm-6 col-md-3 col-lg-3 web">
          <div class="portfolio-item">
            <div class="hover-bg">
              <div class="hover-text">
                <h4><a href="#" target='_blank' title="《乾元中寓居同谷县作歌七首（其五）》">《乾元中寓居同谷县作歌七首（其五）》</a></h4>
                <div class="clearfix"></div>
                <i class="fa fa-search"></i> </div>
              <img src="../img/portfolio/003.jpg" class="img-responsive" alt="《乾元中寓居同谷县作歌七首（其五）》"></div>
          </div>
        </div>
		
        <div class="col-sm-6 col-md-3 col-lg-3 web">
          <div class="portfolio-item">
            <div class="hover-bg">
              <div class="hover-text">
                <h4><a href='#' target='_blank' title="《咏史》">《咏史》</h4>
                <div class="clearfix"></div>
                <i class="fa fa-search"></i> </div>
              <img src="../img/portfolio/004.jpg" class="img-responsive" alt="《咏史》"></div>
          </div>
        </div>
        <div class="col-sm-6 col-md-3 col-lg-3 web">
          <div class="portfolio-item">
            <div class="hover-bg">
              <div class="hover-text">
                <h4><a href='#' target='_blank' title="王学东印">王学东印</a></h4>
                
                <div class="clearfix"></div>
                <i class="fa fa-search"></i> </div>
              <img src="../img/portfolio/005.jpg" class="img-responsive" alt="王学东印">
			  </div>
          </div>
        </div>
        <div class="col-sm-6 col-md-3 col-lg-3 app">
          <div class="portfolio-item">
            <div class="hover-bg">
              <div class="hover-text">
                <h4><a href="#" target='_blank' title="孙世林印">孙世林印</a></h4>
                <div class="clearfix"></div>
                <i class="fa fa-search"></i> </div>
              <img src="../img/portfolio/006.jpg" class="img-responsive" alt="孙世林印"></div>
          </div>
        </div>
        <div class="col-sm-6 col-md-3 col-lg-3 app">
          <div class="portfolio-item">
            <div class="hover-bg">
              <div class="hover-text">
                <h4><a href="#" target='_blank' title="姚亭秀印">姚亭秀印</a></h4>
                
                <div class="clearfix"></div>
                <i class="fa fa-search"></i> </div>
              <img src="../img/portfolio/007.jpg" class="img-responsive" alt="姚亭秀印"></div>
          </div>
        </div>
        <div class="col-sm-6 col-md-3 col-lg-3 web app">
          <div class="portfolio-item">
		  
            <div class="hover-bg"> 
              <div class="hover-text">
                <h4><a href='#' target='_blank' title="魏妍哲印">魏妍哲印</a></h4>
               
                <div class="clearfix"></div>
                <i class="fa fa-search"></i> 
				</div>
              <img src="../img/portfolio/008.jpg" class="img-responsive" alt="魏妍哲印">
		    </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
</body>
</html>
